<!DOCTYPE html>
<html>
  <head>
    <title>楼盘信息</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
	<link rel="stylesheet" href="${s.base}/mobile/base/css/weui.min.css">
    <link rel="stylesheet" href="${s.base}/mobile/base/css/jquery-weui.css">
	  <link rel="stylesheet" href="${s.base}/mobile/base/css/base.css?123456">
	  <link rel="stylesheet" href="${s.base}/mobile/base/css/component.css?123456">
    <style type="text/css">
	 body,html{background: #ffffff;}
		.icon_dz {
   width: 28px; height: 32px;
   vertical-align: -0.15em;
   fill: #E92333;
   overflow: hidden;
}
		.xyg-content{width:90%; padding:0rem 5%;}
		.xyg-content .xyg-content-text{width: 92%;padding:0rem 4%; margin-top: 35px; border: 1px solid #FE3536;height: 70px; line-height: 70px; font-size: 26px; color: #FE3536;}
		.xyg-content .xyg-content-price{width: 100%; margin-top: 35px;height: 70px; line-height: 70px; font-size: 28px; color:#2F2F2F;}
		.xyg-content .xyg-content-price span{ font-size: 40px; font-weight: bold;color:#E80C1C;}
		.xyg-content .xyg-comp-item-tag{width:100%;height:auto; margin-top:20px;}
	.xyg-content .xyg-comp-item-tag .xyg-comp-item-tag-title{width:auto;height:1.2rem;line-height:1.2rem; font-size: 22px; color: #999999; background: #f6f7fb; padding: 0px 0.2rem;float: left;margin-right: 0.2rem;}
		.xyg-content-item{width:100%;height:auto; line-height: 40px; font-size: 28px; margin-top:20px;}
		.xyg-content-item .xyg-content-item-left{width:20%; color: #999999; float: left;}
		.xyg-content-item .xyg-content-item-right{width:80%; color: #2F2F2F; float: left;}
		.xyg-wg{width:90%; padding:0rem 5%; margin: 40px 0px;}
		.xyg-wg .xyg-wg-title{width:100%;}
		.xyg-wg .xyg-wg-logo{width:100%; height:70px; position:relative; float:right; margin: 20px 0px;}
	.xyg-wg .xyg-wg-logo img{top:0px; width:70px;position:absolute; height:70px; border-radius:35px;}
		.xyg-desc{width:90%; padding:0rem 5%; margin: 20px 0px;}
		.xyg-desc .xyg-desc-title{width:100%;}
		.xyg-desc .xyg-desc-content{width:100%; margin-top: 20px; font-size: 28px; line-height: 35px; color: #2F2F2F;}
		.xyg-desc .xyg-desc-lie4{width:100%; margin: 30px 0px 10px 0px;}
		.xyg-desc .xyg-desc-lie4 .xyg-desc-item{width:25%; float: left; color: #999999; line-height:50px;font-size: 32px; }
		.xyg-desc .xyg-desc-lie4 .active{color: #FF5454;}
		/****************底部 菜单开始*********************/
.xyg-buy-bottom{width:100%;height:auto; position: fixed; padding: 10px 0px; bottom: 0px; border-top: 1px solid #d1d1d1;left: 0px;background:#ffffff;}
		.xyg-buy-bottom .xyg-buy-bottom-item{width:15%;height:auto; float: left; padding:0.2rem 0px; text-align: center;}
		.xyg-buy-bottom .xyg-buy-bottom-item1{width:35%;height:auto; float: left; padding:0.2rem 0px; text-align: center;}
		.xyg-buy-bottom .xyg-buy-bottom-item1 .xyg-buy-bottom-item2-pay{width:90%; height:80px; line-height: 80px;  font-size: 33px; color:#F04348; border-radius:10px; border: 1px solid #F04348;letter-spacing:0.1rem; }
		.xyg-buy-bottom .xyg-buy-bottom-item1 .xyg-buy-bottom-item1-pay{width:90%; height:80px; line-height: 80px;  font-size: 33px; color:#fff; border-radius:10px; background:#FF524F; letter-spacing:0.1rem; }
		.xyg-buy-bottom .xyg-buy-bottom-item img{max-width:100%; height:40px; width: auto; margin:0rem auto;}
		.xyg-buy-bottom .xyg-buy-bottom-item .xyg-buy-bottom-item-text{width:100%; margin-top: 5px; height:30px; line-height: 30px; font-size: 24px; color:#999999; }
		.xyg-buy-bottom .xyg-buy-bottom-item .select-text{color:#0B6C3F; }
/****************底部 菜单结束*********************/
    </style>
  </head>
  <body>
  <!--轮播图-->
  <#if hostItem.imageList??&&(hostItem.imageList?size gt 0)>
	  <div class="xyg-comp-banner swiper-container">
		  <div class="swiper-wrapper">
			  <#list hostItem.imageList as images>
				  <div class="swiper-slide"><img src="${images}" /></div>
			  </#list>
		  </div>
		  <div class="swiper-pagination xyg-comp-banner-swiper"></div>
	  </div>
	  <#else>
		  <div class="xyg-comp-banner swiper-container">
			  <div class="swiper-wrapper">
				  <div class="swiper-slide"><img src="${s.base}/mobile/base/images/temp/banner_1.png" /></div>
			  </div>
			  <div class="swiper-pagination xyg-comp-banner-swiper"></div>
		  </div>

  </#if>

   <!--消息-->
   <div class="xyg-content">
   	<div class="xyg-content-text">
		<#if hostItem.shareMoney != null && hostItem.shareMoney != "" && hostItem.shareMoney != "暂无">
   		楼盘佣金:${hostItem.shareMoney}元
		<#else>
		楼盘佣金:暂无
		</#if>
   		<div class="floatR" id="reportCount">成功推荐:0人</div>
   	</div>
   	<div class="xyg-content-price">
   		<span>${hostItem.price}</span>&nbsp;起均价（元/平）
   	</div>
   	 <div class="xyg-comp-item-tag">
            	<div class="xyg-comp-item-tag-title">${hostItem.tag}</div>
		<div class="clearBoth"></div>
      </div>
      <div class="xyg-content-item">
   		<div class="xyg-content-item-left">楼盘地址</div>
   		<div class="xyg-content-item-right">
   		<!--<span class="color1"><svg class="icon_dz" aria-hidden="true"><use xlink:href="#icondingwei"></use></svg>&nbsp;7.3km&nbsp;</span>-->
			${hostItem.address}
   		</div>
   		<div class="clearBoth"></div>
   	  </div>
   	  <div class="xyg-content-item">
   		<div class="xyg-content-item-left">户型面积</div>
   		<div class="xyg-content-item-right">
   		 ${hostItem.minApartmentArea}-${hostItem.maxApartmentArea}m2
   		</div>
   		<div class="clearBoth"></div>
   	  </div>
	   <div class="xyg-content-item">
		   <div class="xyg-content-item-left">主力户型</div>
		   <div class="xyg-content-item-right">
			   <!--流年著106m2 | 详见欢106-127.9m2-->
			   ${hostItem.mainUnit}
		   </div>
		   <div class="clearBoth"></div>
	   </div>

   	  <div class="xyg-content-item">
   		<div class="xyg-content-item-left">开盘时间</div>
   		<div class="xyg-content-item-right">
   		 ${openTime}
   		</div>
   		<div class="clearBoth"></div>
   	  </div>
	   <div class="xyg-content-item">
		   <div class="xyg-content-item-left">房屋类型</div>
		   <div class="xyg-content-item-right">
			   ${hostType.name}
		   </div>
		   <div class="clearBoth"></div>
	   </div>
   	  <div class="margT40 width-b-100">
       <input type="button" style="font-weight: bold;" class="xyg-btn-two backgroud5 color3" id="itemDescShow" value="更多项目概况"/>
       </div>
   </div>
    <div style="width:100%; height:20px; background:#f8f8f8; margin-top: 40px;"></div>
    <div class="xyg-wg">
    	<div class="xyg-wg-title font-base1-size color1">
    		围观人数&nbsp;&nbsp;<span class="color3" id="watchCount">0人</span>
    	</div>
		<#if hostWatchList??&&(hostWatchList?size gt 0)>
    	<div class="xyg-wg-logo">
			<#list hostWatchList as hostWatch>
    		<img src="${hostWatch.memberHeadImage!'${s.base}/image/avatar_default.jpg'}" style="left:${hostWatch_index*30}px;"/>
			</#list>
			<div class="clearBoth"></div>
    	</div>
  		</#if>
    </div>
    <div style="width:100%; height:20px; background:#f8f8f8; margin-top: 120px;"></div>
    <div class="xyg-desc">
    	<div class="xyg-desc-title font-base4-size-bold color3">
    		亮点及周边
    	</div>
    	<div class="xyg-desc-content">
    		<article class="weui-article">
		  <!--项目属于皖投置业与合肥万科有限公司联袂打造的项目，项目建筑风格为新现代典雅风格。景观设计为现代风格，社区设计以开放睦邻的为核心-->
				${hostItem.content}
		</article>
    	</div>

    	<div class="xyg-desc-content">
    		<article class="weui-article" id="desc">
				${hostItem.trafficDesc}
		</article>
    	</div>
    </div>
     <!--底部菜单开始-->
  <div style="width:100%; height:160px;"></div>
     <div class="xyg-buy-bottom">
        	<div class="xyg-buy-bottom-item">
        	<a href="javascript:void(0)" onclick="hostCollect()">
				<!-- 判断是否收藏 -->
				<#if hostCollect??>
        		<img id="collectShow" src="${s.base}/mobile/base/images/icon_sc.png"/>
				<#else>
				<img id="collectShow" src="${s.base}/mobile/base/images/icon_wscs.png"/>
				</#if>
        		<div class="xyg-buy-bottom-item-text ">收藏</div>
				</a>
        	</div>
        	<div class="xyg-buy-bottom-item">
        		<a href="javascript:void(0)" onclick="shareShow()">
        		<img src="${s.base}/mobile/base/images/icon_fx.png"/>
        		<div class="xyg-buy-bottom-item-text">分享</div>
        		</a>
        	</div>
            <div class="xyg-buy-bottom-item1" onclick="goCustomerEditPage('${memberId}','${hostItem.id}')">
        		<div class="xyg-buy-bottom-item2-pay">推荐客户</div>
        	</div>
            <div class="xyg-buy-bottom-item1">
        		<div  class="xyg-buy-bottom-item1-pay">
					<a href="javascript:goKeFu('${memberId}','/mobile/base/images/kf.png')" style="color: #ffffff;"> 免费咨询</a>
				</div>
        	</div>
        	<div class="clearBoth"></div>
        </div>
     <!--底部菜单结束-->
  </body>
  <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  <script src="${s.base}/mobile/base/js/jquery-2.1.4.js"></script>
  <script src="${s.base}/mobile/base/js/jquery-weui.js"></script>
  <script src="${s.base}/mobile/base/js/swiper.js"></script>
  <script src="${s.base}/mobile/base/fonts/iconfont.js"></script>
  <script src="${s.base}/mobile/base/js/component.js?123456789000"></script>
  <script src="${s.base}/mobile/base/js/base.js?123456789000"></script>
  <!--js分享代码开始-->
  <input type="hidden" value="${jSTicketShareResponse.appid}" id="appid" />
  <input type="hidden" value="${hostItem.name}" id="fxTitle" />
  <input type="hidden" value="https://rl.wuhuwx.net${hostItem.coverImage}" id="fxImgUrl" />
  <input type="hidden" value="赶快来查看吧！" id="fxDesc" />
  <input type="hidden" value="https://rl.wuhuwx.net/weiXin/oauth?path=/weChat/item&pathParams=id*${hostItem.id}&params=${webMember.cardNo}" id="fxUrl"/>
  <input type="hidden" value="${jSTicketShareResponse.nonceStr}" id="nonceStr" />
  <input type="hidden" value="${jSTicketShareResponse.timestamp}" id="timestamp" />
  <input type="hidden" value="${jSTicketShareResponse.signature}" id="signature" />
  <script src="${s.base}/mobile/base/js/share.js"></script>


  <script type="text/javascript">
  	initXygDpi();
  	var id = '${hostItem.id}';
  	var memberId = '${memberId}';
	$(document).ready(function(e) {
		initDate();
    });
	function initDate(){
		$.fn.initXygCompBanner("",".xyg-comp-banner-swiper",417);

        // 初始化楼盘围观人数
        $.fn.postBase("/weChat/hostWatch/selectCount",{'itemId':id},function (result) {
            if (result.code === 0) {
                $("#watchCount").html(result.data.watchCount + "人");
                $("#reportCount").html("成功推荐:" + result.data.reportCount + "人");
            }
        });
	}

	$(".xyg-desc-item").on("click",function () {
        $(".xyg-desc-item").removeClass("active");
		$(this).addClass("active");
		var desc = $(this).attr("data-desc");
		$("#desc").html(desc);
    });

    $("#itemDescShow").on("click",function () {
        goItemDescPage(memberId, id);
    });

	function hostCollect(){
	    // 收藏
        $.fn.postBase("/weChat/hostCollect/save",{'itemId':id,'memberId':memberId},function (result) {
            if (result.code === 0) {
                //操作成功
                $.toast("收藏成功", "text");
                // 需要刷新页面
				$("#collectShow").attr("src", "/mobile/base/images/icon_sc.png");
            } else {
                //操作失败
                $.toast(result.msg, "text");
            }
        });
	}

    //分享
    function shareProduct(memberId,id){
        wx.miniProgram.navigateTo({url: "/pages/share/share?imgUrl=image/spBg.jpg&shareTitle=123标题&shareUrl=/weChat/item&shareUrlParam=id*"+id+"#parentId="+memberId})

        /*
		 $.showLoading("正在制作图片中");
        var param = {
            memberId: memberId,
            itemId: itemId
        };
        if(isWx){
            $.post("/phone/acceptShareProductPic/4", param, function (result) {
                $.hideLoading();
                if (1 == result.returnInfo.state) {
                    wx.miniProgram.navigateTo({url: '/pages/share/share?url='+result.returnInfo.result+"&params="+result.returnInfo.errorMsg+"&typeParam=2,"+itemId})
                } else {
                    $.toast(result.returnInfo.errorMsg, "text");
                }
            }, "json");
        }else{
            $.post("/phone/acceptShareProductPic/2", param, function (result) {
                $.hideLoading();
                if (1 == result.returnInfo.state) {
                    window.location.href="/phone/share?memberId="+memberId+"&id="+result.returnInfo.errorMsg;
                } else {
                    $.toast(result.returnInfo.errorMsg, "text");
                }
            }, "json");
        }*/
    }
  </script>
  
</html>

